<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>12.表格</title>
    <link rel="stylesheet" href="../layui-v2.7.6/layui/css/layui.css">
</head>
<body>
<script type="text/javascript" src="../layui-v2.7.6/layui/layui.js"></script>
<!--  class="layui-table"  必须-->
<!--   lay-even属性，代表隔行换色 -->
<!--   lay-skin="line" 边框类型 -->
<!--  lay-size="lg"  尺寸 -->
<table class="layui-table" lay-even lay-skin="line" lay-size="lg">
  <colgroup>
    <col width="150">
    <col width="200">
    <col>
  </colgroup>
  <thead>
  <tr>
    <th>昵称</th>
    <th>加入时间</th>
    <th>签名</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td>贤心</td>
    <td>2016-11-29</td>
    <td>人生就像是一场修行</td>
  </tr>
  <tr>
    <td>许闲心</td>
    <td>2016-11-28</td>
    <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
  </tr>
  </tbody>
</table>

</body>
</html>